/* 滚动条样式 */
/* 整个滚动条 */
::-webkit-scrollbar {
  width: 8px; /* 水平滚动条的高度 */
  height: 8px; /* 垂直滚动条的宽度 */
}
 
/* 滚动条轨道 */
::-webkit-scrollbar-track {
  /* background: #f1f1f1; */
  background-color: rgba(255, 255, 255, 0.4)
}
 
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background: #C1C1C1; /* 滑块颜色 */
  border-radius: 4px; /* 给滑块添加圆角 */
}
 
/* 滑块hover效果 */
::-webkit-scrollbar-thumb:hover {
  background: #C2C2C2; /* 滑块hover颜色 */
}

/* 鼠标悬停在div上时显示滚动条 */
div:hover::-webkit-scrollbar-thumb {
  display: block; /* 鼠标悬停时显示滚动条 */
}

/* 鼠标离开div时隐藏滚动条 */
div:not(:hover)::-webkit-scrollbar-thumb {
  display: none; /* 鼠标离开时隐藏滚动条 */
}

/* 鼠标悬停在div上时显示滚动条背景 */
div:hover::-webkit-scrollbar-track {
  display: block; /* 鼠标悬停时显示滚动条 */
}

/* 鼠标离开div时隐藏滚动条背景 */
div:not(:hover)::-webkit-scrollbar-track {
  display: none; /* 鼠标离开时隐藏滚动条 */
}